// 切换盒子


$('.login a').on('click', function() {
    $('.zhuce').show().prev().hide()
    console.log('2222');
})

$('.zhuce a').on('click', function() {
    $('.login').show().next().hide()
})

//提交功能
$('.zhuce form').on('submit', function(e) {
    e.preventDefault();
    //获取表单数据
    let data = $(this).serialize()
    console.log(data);
    // ajax提交
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function(res) {
            // layer.msg(res.message)
            if (res.status === 0) {
                //清空表格
                $('.zhuce form')[0].reset()
                    // 切换到登录表格
                $('.login').show().next().hide()
            } else {
                // 用户名已存在提示
                layer.msg(res.message);
            }
        }


    })
});
//使用正则表达式判断注册要求
let form = layui.form; //加载form模块
//调用form 模块内置方法verify 自定义验证规则
form.verify({
    //键 （验证规则） 值（验证方法）

    //用户名长度2--12为，只能时数字字母组合
    user: [/^[a-zA-Z0-9]{2,12}$/, '用户名只能是由数字字母组成，2-12位的组合'],

    pwdlen: [/^\S{6,12}$/, '密码由6-12位字符组成，不能有空格'],

    same: function(val) {
        //形参表示谁调用这个方法，val表示谁的值，重复密码的判断可以给第二个密码添加same方法实现
        if (val != $('.password').val()) {
            return '两次输入的密码不同，请重新输入'
        }
    }

})


// //登录功能
$('.login form').on('submit', function(e) {
    e.preventDefault();
    let data = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: data,
        success: function(res) {
            if (res.status === 0) {
                //登录成功
                // 把token值存到本地，以便请求接口
                localStorage.setItem('token', res.token);
                layer.msg(res.message);
                console.log(res);
                location.href = "./index.html";
            }
        }
    })

});